<template>
<div class="dev">
    <div class="pcs">
        PCS1信息
        <div>
            遥信
            <div>
                <el-table
                :data="pcs.pcsyx.data"
                style="width: 100%">
                <el-table-column
                  prop="reg_addr"
                  label="日期"
                  width="300">
                </el-table-column>
                <el-table-column
                prop="name"
                label="描述"
                width="180">
                </el-table-column>
                <el-table-column
                  prop="key"
                  label="遥信"
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="val"
                  label="值">
                </el-table-column>
              </el-table>
            </div>
        </div>
        <div>
            遥控
            <div>
                <el-table
                :data="pcs.pcsyk.data"
                style="width: 100%">
                <el-table-column
                    prop="reg_addr"
                    label="日期"
                    width="300">
                </el-table-column>
                <el-table-column
                    prop="name"
                    label="描述"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="key"
                    label="遥控"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="val"
                    label="值">
                </el-table-column>
                </el-table>
            </div>
        </div>
        <div>
            遥调
            <div>
                <el-table
                :data="pcs.pcsyt.data"
                style="width: 100%">
                <el-table-column
                    prop="reg_addr"
                    label="日期"
                    width="300">
                </el-table-column>
                <el-table-column
                prop="name"
                label="描述"
                width="180">
                </el-table-column>
                <el-table-column
                    prop="key"
                    label="遥控"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="val"
                    label="值">
                </el-table-column>
                </el-table>
            </div>
        </div>
        <div>
            遥测
            <div>
                <el-table
                :data="pcs.pcsyc.data"
                style="width: 100%">
                <el-table-column
                    prop="reg_addr"
                    label="日期"
                    width="300">
                </el-table-column>
                <el-table-column
                prop="name"
                label="描述"
                width="180">
                </el-table-column>
                <el-table-column
                    prop="key"
                    label="遥控"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="val"
                    label="值">
                </el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</div>
</template>

<script setup >
import usePcsStore from '@/store/storer.ts'
    const pcs = usePcsStore()
    console.log(pcs.pcsyc.data);

</script>
<style>
.dev{
position: absolute;
top:50px;
left: 20px;
right: 0;
padding: 10px 0;
margin: 0 auto;
max-width: 1400px;
}
.pcs{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    background: #88888f;
}

@media screen and (max-width:1700px){
    .pcs{
        max-width: 1400px;
    }
}

@media screen and (max-width:1300px){
    .pcs{
        max-width: 900px;
    }
}

@media screen and (max-width:1200px){
    .pcs{
        max-width: 800px;
    }
}
</style>